<template>
  <div class="login">
    <div>
      <img src="" alt="">
    </div>
    <div>
      <div class="inputBox">
        <van-icon name="user-circle-o" />
        <input type="text" v-model="phone" placeholder="请输入手机号">
      </div>
      <div class="inputBox">
        <van-icon name="comment-o" />
        <input type="text" v-model="password" placeholder="输入密码">
      </div>
    </div>
    <div class="modify">
      <div @click="$router.push('forgetPwd')">忘记密码</div>
      <div @click="$router.push('registered')">注册用户</div>
    </div>
    <div class="toLogin">
      <button @click="$router.push({path:'/index'})">登录</button>
    </div>
  </div>
</template>

<script>
export default {
  name: "home",
  data() {
    return {
      phone: '',
      password:''
    }
  },
  created () {
    
  },
  methods: {
    name() {
      
    }
  },
};
</script>
<style lang="less">
  .login{
   
    width: 90%;
    margin: 0 auto;
    .inputBox{
      border-bottom: 1px solid #e6e6e6;
      height: 30px;
      display: flex;
      align-items: center;
      .van-icon{
        width: 15%;
      }
      input{
        border: none;
      }
    }
    .modify{
      display: flex;
      margin: 20px 0;
      justify-content: space-between;
    }
    .toLogin{
      button{
        border: none;
        width: 100%;
        border-radius: 15px;
        color: white;
        padding: 5px 0;
        background-color: #3399ff;
      }
    }
  }
</style>
